/*****************************************
WineChecker Style Sheet By Zyky
*****************************************/

#wineChecker{
    width: 600px;
    margin: 0 auto;
    background-color: #e4e1db;
    border: 4px solid #a59c87;
    padding: 10px;
    border-radius:15px;
    margin-top: 20px;            
}

#wineCheckerWrapper{
    border: 2px solid #a59c87;
    /*padding: 10px;*/
    border-radius: 15px;
    /*overflow: hidden;*/
    background-color: #F0EFED;
}

#wineCheckerHdr{
    width:100%;    
    overflow: hidden;
    padding: 10px;
    box-sizing:border-box;
}

.third {
    float:left;
    width:33.3%;
} 
/*.right{
    float:right;
    width:50%;
}*/

.left, .right{        
    padding: 5px;
    box-sizing: border-box;
    text-align:center;
}

/*.priceChkrBtn{
    -moz-box-shadow: inset 0px 0px 0px 1px #ffffff;
    -webkit-box-shadow: inset 0px 0px 0px 1px #ffffff;
    box-shadow: inset 0px 0px 0px 1px #ffffff;
    background-color: #8e846d;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #c9c4b7;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: arial;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 24px;
    text-decoration: none;
    float: left;
    white-space: normal;
    margin-top:20px;
    width: 150px;
}*/

#wineChecker h1{
    margin: 0 auto;
    /*margin-bottom: 20px;*/
    /*margin: 10px;*/
    font-family: arial;
    font-size: 24px;
    color: #a59c87;
    letter-spacing: 3px;    
}
#periodSelect{
    /*padding-left: 38px !important;*/
}

#txtSearch, #txtVintage, #periodSelect{
    border: 1px solid #a59c87;
    border-radius: 6px;
    height: 28px;
    /*width:100%;*/
    color: #a59c87;
    font-family: arial;    
    padding-left: 5px;
    box-sizing:border-box;
    /*font-style: italic;*/
    font-size: 16px;   
    line-height: 19px;        
    width: 175px;
    margin: 0 auto;
    display:block;
    text-align:center;    
}

::-webkit-input-placeholder {  
   font-style: italic;
   font-size: 16px;  
   /*line-height: 15px;*/ 
   text-align:center;
}

:-moz-placeholder { /* Firefox 18- */
   font-style: italic;
   font-size: 16px;  
   /*line-height: 15px;*/ 
   text-align:center;
}

::-moz-plaeholder {  /* Firefox 19+ */
   font-style: italic;
   font-size: 16px;  
   text-align:center;
   /*line-height: 15px;*/ 
}

:-ms-input-placeholder {  
   font-style: italic;
   font-size: 16px;  
   text-align:center; 
   /*line-height: 15px;*/
}

#wineCheckertbl{
    width:576px;
    margin:10px;
    padding:0;
    text-align:center;
    font-family: Arial;
    color: #ffffff;                 
    border: 2px solid #a59c87;
    border-radius: 15px;
    border-collapse:collapse;      
    border-style: hidden; /* hide standard table (collapsed) border */
    box-shadow: 0 0 0 1px #a59c87; /* this draws the table border  */   
    z-index: 10;
}

#wineCheckertbl th{
    width: 33%;
    height:35px;
    text-align:center;      
    background-color: #a59c87;
    color: #ffffff;    
}

#wineCheckertbl th:first-child {
    -moz-border-radius-topleft:15px;
    -webkit-border-top-left-radius:15px;
    border-top-left-radius:15px
}

#wineCheckertbl th:last-child {
    -moz-border-radius-topright:15px;
    -webkit-border-top-right-radius:15px;
    border-top-right-radius:15px
}

#wineCheckertbl td{
    background-color: #e4e1db;
    color: #a59c87;        
}

#wineCheckertbl tr:last-child td:first-child {
    -moz-border-radius-bottomleft:15px;
    -webkit-border-bottom-left-radius:15px;
    border-bottom-left-radius:15px
}

#wineCheckertbl tr:last-child td:last-child {
    -moz-border-radius-bottomright:15px;
    -webkit-border-bottom-right-radius:15px;
    border-bottom-right-radius:15px
}

#WineList{
    display:none;
    max-width:596px;
}

.lbl{  
    font-family: arial !important;
    font-size: 16px !important;
    color: #a59c87 !important;
    letter-spacing: 3px;
    text-align: center;
    display: block;
}

#tooltip{
    float: right;
    position: absolute;
    top: 0;
    color: #a59c87;
    right: 0;
    font-family: serif;
    font-size: 17px;
    padding: 0 4px;
    margin: 0;
    /* height: 28px; */
    line-height: 17px;
    font-weight: bold;
    font-style: italic;
    border: 1px solid #A59C87;
    border-radius: 3px;
    background-color: #F0EFED
}

#clearBtn{
    float: left;
    position: absolute;
    top: 0;
    color: #a59c87;
    left: 0;
    font-family: serif;
    font-size: 17px;
    padding: 0 4px;
    margin: 0;
    /* height: 28px; */
    line-height: 17px;
    font-weight: bold;
    font-style: italic;
    border: 1px solid #A59C87;
    border-radius: 3px;
    background-color: #F0EFED
}

#tooltip:hover{
    border: 1px solid #A59C87;
}


/**************WineNameTbl*****************/

#wineNametbl{
    /*width:576px;*/
    /*margin:10px;*/    
    text-align:left;
    font-family: Arial;
    color: #ffffff;         
    border: 0 !important; 
    /*border: 2px solid #a59c87;*/
    /*border-radius: 15px;*/
    border-collapse:collapse;      
    border-style: hidden; /* hide standard table (collapsed) border */
    /*box-shadow: 0 0 0 1px #a59c87; /* this draws the table border  */
    z-index: 10;     
    width: 100%;  
    border-radius: 6px;     
}

#wineNametbl th{
    width: 33%;
    height:35px;
    text-align:center;      
    background-color: #a59c87;
    color: #ffffff;    
}

#wineNametbl tr:first-child td:first-child {
    -moz-border-radius-topleft:6px;
    -webkit-border-top-left-radius:6px;
    border-top-left-radius:6px;
    padding-top: 10px;
}

#wineNametbl tr:first-child td:last-child {
    -moz-border-radius-topright:6px;
    -webkit-border-top-right-radius:6px;
    border-top-right-radius:6px;
}

#wineNametbl td{    
    color: #a59c87;
    padding: 3px 10px;
}

#wineNametbl td:hover {
    background-color: white;
}

#wineNametbl a{
    color: #990012;
}  

#wineNametbl tr:last-child td:first-child {
    -moz-border-radius-bottomleft:6px;
    -webkit-border-bottom-left-radius:6px;
    border-bottom-left-radius:6px;
}

#wineNametbl tr:last-child td:last-child {
    -moz-border-radius-bottomright:6px;
    -webkit-border-bottom-right-radius:6px;
    border-bottom-right-radius:6px;
    padding-bottom: 10px;
}

]#wineNametbl a:hover, .wineName:focus{
    background-color: #ffffff;
}

.wineName{
    border: 1px solid #a59c87;
    border-radius: 6px;
    cursor:pointer;
    background-color: #e4e1db;
    color: #a59c87;               
    font-size: 18px;
    outline-color:#a59c87;
    /*width: 100%;*/
    text-align: center;    
    font-family: arial;    
    box-sizing: border-box;                
    font-size: 16px;
    line-height: 19px;
    /*width: 175px;*/
    margin: 0 auto;
    display: block;
    text-align: center;
    /*border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;*/
    background-color: white;
    position: absolute;
    margin-left: 8px;
    margin-top: 2px;
    min-width: 175px;
    display:none;
    background-color: #e4e1db;
    max-height: 500px;
    overflow: auto;
    z-index:1000;
}

.wineNamesAutoSuggest {
    border: 1px solid #a59c87;
    border-radius: 6px;
    /*height: 28px;*/                
    color: #a59c87;
    font-family: arial;
    padding-left: 5px;
    box-sizing: border-box;                
    font-size: 16px;
    line-height: 19px;
    /*width: 175px;*/
    margin: 0 auto;
    display: block;
    text-align: center;
    /*border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;*/
    background-color: white;
    position: absolute;
    margin-left: 8px;
    margin-top: 2px;
    min-width: 175px;
    /*display:none;*/
} 

.paramWrapper{
    height: 46px;
    clear: left;   
}

.opacity{
    opacity: 0.3;
}

.recaptchaWrapper{
    width:304px;
    margin: 0 auto;
    padding:10px 0;
    display:block;
    clear:left;
}